<include file="Index:header" />

<div class="wapp">

     <div class="container">

     	<section id="main-content">
          <section class="wrapper">
              <!-- page start-->
              <div class="row">

              	<aside class="profile-info col-lg-12">

              		<section class="panel mtop30 tab">
                    <header class="panel-heading service-tab tab-bg-dark-navy-blue">
                        <ul class="nav nav-tabs nav-justified ">
                            <li class="active">
                                <a data-toggle="tab" href="#service1">
                                    关注动态
                                </a>
                            </li>
                            <li>
                                <a data-toggle="tab" href="#service2">
                                    @我动态
                                </a>
                            </li>
                            <li class="">
                                <a data-toggle="tab" href="#service3">
                                    朋友动态
                                </a>
                            </li>
                        </ul>
                    </header>
                    <div class="panel-body">
                        <div class="tab-content tasi-tab">
                            <div id="service1" class="tab-pane active">
                                <div class="services">
                                    <div class="content">

					                    <div class="row">
					                        <div class="col-lg-12 col-sm-12">	
                                                <foreach name="sec" item="seclist">			                            
					                            <div class="media">
					                                <a class="pull-left" href="javascript:;">
					                                    <img class="media-object" src="{$img}tx_id={$seclist.tx_id}&w=100&h=100" alt="{$seclist.user_name}">
					                                </a>
					                                <div class="media-body">
					                                    <h4 class="media-heading">
					                                        {$seclist.user_name} <span>|</span>
					                                        <span>{$seclist.save_time} </span>
					                                    </h4>
					                                    <p>
                                                        {$seclist.title}
	                                                    </p>
                                                        <p>{$seclist.cs}</p>
					                                    <hr>
					                                    <!--end media-->
					                                </div>
					                            </div>
					                            </foreach>	
					                        </div>
					                    </div>					                    

                                    </div>
                                </div>
                            </div>
                            <div id="service2" class="tab-pane">
                                <div class="services">
                                    <div class="content">

					                    <div class="row">
					                        <div class="col-lg-12 col-sm-12">					                            
					                            <div class="media">
					                                <a class="pull-left" href="javascript:;">
					                                    <img class="media-object" src="__IMG__/img/avatar1.jpg" alt="">
					                                </a>
					                                <div class="media-body">
					                                    <h4 class="media-heading">
					                                        Anjelina Joli <span>|</span>
					                                        <span>12 July 2013, 10:20 </span>
					                                    </h4>
					                                    <p>
					                                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
					                                    </p>
					                                    <a href="javascript:;">回复</a>
					                                    <hr>
					                                    <!--end media-->
					                                </div>
					                            </div>
					                            <div class="media">
					                                <a class="pull-left" href="javascript:;">
					                                    <img class="media-object" src="__IMG__/img/avatar2.jpg" alt="">
					                                </a>
					                                <div class="media-body">
					                                    <h4 class="media-heading">
					                                        Tom Cruse <span>|</span>
					                                        <span>12 July 2013, 11:10 </span>
					                                    </h4>
					                                    <p>
					                                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
					                                    </p>
					                                    <a href="javascript:;">回复</a>
					                                </div>
					                            </div>
					                        </div>
					                    </div>					                    

                                    </div>
                                </div>
                            </div>
                            <div id="service3" class="tab-pane">
                                <div class="services">
                                    <div class="content">
          
					                    <div class="row">
					                        <div class="col-lg-12 col-sm-12">					                            
					                            <div class="media">
					                                <a class="pull-left" href="javascript:;">
					                                    <img class="media-object" src="__IMG__/img/avatar1.jpg" alt="">
					                                </a>
					                                <div class="media-body">
					                                    <h4 class="media-heading">
					                                        Anjelina Joli <span>|</span>
					                                        <span>12 July 2013, 10:20 </span>
					                                    </h4>
					                                    <p>
					                                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
					                                    </p>
					                                    <a href="javascript:;">回复</a>
					                                    <hr>
					                                    <!--end media-->
					                                </div>
					                            </div>
					                            <div class="media">
					                                <a class="pull-left" href="javascript:;">
					                                    <img class="media-object" src="__IMG__/img/avatar2.jpg" alt="">
					                                </a>
					                                <div class="media-body">
					                                    <h4 class="media-heading">
					                                        Tom Cruse <span>|</span>
					                                        <span>12 July 2013, 11:10 </span>
					                                    </h4>
					                                    <p>
					                                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
					                                    </p>
					                                    <a href="javascript:;">回复</a>
					                                </div>
					                            </div>
					                        </div>
					                    </div>					                    
		
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                </aside> 

              </div>
              <!-- page end-->
          </section>
      </section>



     </div>
 </div>




<include file="Index:footer" />